<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<title>成程科技集团-集团简介</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="description" content="成程科技集团 成程 成程科技 集团简介">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css//swiper-4.4.2.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src='js/modernizr.custom.js'></script>
	<script type="text/javascript" src="js/more.js"></script>
	<script type="text/javascript" src="js/swiper-4.4.2.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src='js/app.js'></script>
	<script type="text/javascript" src='js//bootstrap.min.js'></script>
	<style>
		/* Header and Navigation */
		.index-header {
			position: relative;
			/* Ensure it doesn't overlap with other elements */
			z-index: 10;
			/* Make sure it is above other content */
			border-radius: 0;
			width: 100%;
		}

		.jtwh {
			border-bottom: 2px solid #000;
			padding: 40px 0 20px 60px;
			margin-bottom: 20px;
		}

		.ryzz {
			border-bottom: 2px solid #000;
			padding: 10px 0 20px 60px;
			margin: 0;
		}

		.index-logo img {
			max-width: 200px;
			height: auto;
		}

		.navbar-custom {
			background-color: rgba(37, 155, 217, 0.8);
			/* Slight transparency */
			border-radius: 20px;
			padding: 0px 10px;
		}

		.navbar-nav .nav-link {
			color: aliceblue;
			padding: 10px 15px;
		}

		/* .navbar-nav .nav-link.active {
			border-bottom: 2px solid rgba(255, 255, 255, 0.4);
		} */


		@media (max-width: 768px) {
			.index-logo img {
				max-width: 180px;
			}

			.navbar-nav {
				text-align: center;
			}

			.navbar-nav .nav-link {
				display: block;
				padding: 10px;
			}
		}

		.ma {
			margin-left: 10px;
		}

		@media (max-width :500px) {
			.ma {
				margin-left: 50px;
			}
		}
	</style>
	<script type="text/javascript">
		window.onload = function () {

			$.get(host + '/iot/nav/treeselect?parentId=2', data => {
				console.log(data, '11111');
				var list = data['data'];
				let imghtml = ''
				for (let i = 0; i < list.length; i++) {
					if (list[i].toUrl) {
						imghtml = imghtml + `<div class="swiper-slide">
						<a  href="${list[i].toUrl}"><img src="${host + list[i].picUrl}" alt="" /></a>
						</div>`
					} else {
						imghtml = imghtml + `<div class="swiper-slide">
					       <img src="${host + list[i].picUrl}" alt="" />
						</div>`
					}
				}
				elempr = document.getElementById('homeimg');
				elempr.innerHTML = imghtml;
			});

			$.get(host + '/iot/files/list?pageNum=1&pageSize=3000000&picsId=12', data => {
				console.log(data, '11111');
				var list = data['rows'];
				let imghtml = ''
				for (let i = 0; i < list.length; i++) {
					imghtml = imghtml + `<div>
					       <img src="${host + list[i].url}" alt="" />
						</div>`
				}
				elempr = document.getElementById('about');
				elempr.innerHTML = imghtml;
			});
			$.get(host + '/iot/files/list?pageNum=1&pageSize=3000000&picsId=13', data => {
				console.log(data, '11111');
				var list = data['rows'];
				let imghtml = ''
				for (let i = 0; i < list.length; i++) {
					imghtml = imghtml + `<div>
					       <img src="${host + list[i].url}" alt="" />
						</div>`
				}
				elempr = document.getElementById('qywh');
				elempr.innerHTML = imghtml;
			});

			$.get(host + '/iot/pics/list?pageNum=1&pageSize=30', (data) => {
				var list = data['rows'];
				var img1, img2, img3;
				var fimg1, fimg2;
				var cimg1, cimg2, cimg3, cimg4, cimg5;
				var cimg6, cimg7, cimg8, cimg9, cimg10;

				for (let i = 0; i < list.length; i++) {
					/* banner **/
					// if (list[i].type == '201') {
					// 	imgArray = list[i].url.split(',');
					// 	img1 = host + imgArray[0];
					// 	document.getElementById('img1').src = img1;
					// 	img2 = host + imgArray[1];
					// 	document.getElementById('img2').src = img2;
					// 	img3 = host + imgArray[2];
					// 	document.getElementById('img3').src = img3;
					// 	console.log(img1)
					// }
					/* foot **/
					if (list[i].type == '103') {
						console.log(list[i]);
						imgArray = list[i].url.split(",");
						felem1 = document.getElementById("fimg1");
						fimg1 = host + imgArray[0];
						felem1.src = fimg1;
						imgArray = list[i].url.split(",");
						felem2 = document.getElementById("fimg2");
						fimg2 = host + imgArray[1];
						felem2.src = fimg2;
						telelem = document.getElementById("tel");
						telelem.innerHTML = list[i].stra;
						addrelem = document.getElementById("addr");
						addrelem.innerHTML = list[i].strb;
						urlelem1 = document.getElementById("outurl1");
						urlArray = list[i].strc.split("#");
						urlelem1.innerHTML = urlArray[0];
						urlelem1.href = urlArray[1];
						urlelem2 = document.getElementById("outurl2");
						urlArray = list[i].strd.split("#");
						urlelem2.innerHTML = urlArray[0];
						urlelem2.href = urlArray[1];
						urlelem3 = document.getElementById("outurl3");
						urlArray = list[i].stre.split("#");
						urlelem3.innerHTML = urlArray[0];
						urlelem3.href = urlArray[1];
						urlelem4 = document.getElementById("outurl0");
						urlArray = list[i].strf.split("#");
						urlelem4.innerHTML = urlArray[0];
						urlelem4.href = urlArray[1];
					}

					/* 集团荣誉 **/
					if (list[i].type == '301') {
						imgArray = list[i].url.split(",");

						celem1 = document.getElementById("cimg1");
						cimg1 = host + imgArray[0];
						celem1.src = cimg1;

						celem2 = document.getElementById("cimg2");
						cimg2 = host + imgArray[1];
						celem2.src = cimg2;

						celem3 = document.getElementById("cimg3");
						cimg3 = host + imgArray[2];
						celem3.src = cimg3;

						celem4 = document.getElementById("cimg4");
						cimg4 = host + imgArray[3];
						celem4.src = cimg4;

						celem5 = document.getElementById("cimg5");
						cimg5 = host + imgArray[4];
						celem5.src = cimg5;

						celem6 = document.getElementById("cimg6");
						cimg6 = host + imgArray[5];
						celem6.src = cimg6;

						celem7 = document.getElementById("cimg7");
						cimg7 = host + imgArray[6];
						celem7.src = cimg7;

						celem8 = document.getElementById("cimg8");
						cimg8 = host + imgArray[7];
						celem8.src = cimg8;

						celem9 = document.getElementById("cimg9");
						cimg9 = host + imgArray[8];
						celem9.src = cimg9;

						celem10 = document.getElementById("cimg10");
						cimg10 = host + imgArray[9];
						celem10.src = cimg10;
					}
				}
			});
		}
	</script>
</head>

<body>
	<div class=" index-header">
		<nav class="navbar navbar-expand-lg navbar-light navbar-custom">
			<div class="container-fluid d-flex align-items-center">
				<div class="index-logo">
					<a href="index.html"><img src="imgs/logo.png" alt="Logo" /></a>
				</div>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
					aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarCollapse">
					<ul class="navbar-nav ms-auto">
						<li class="nav-item"><a href="index.html" class="nav-link ">首页</a></li>
						<li class="nav-item"><a href="about.html" class="nav-link active">集团简介</a></li>
						<li class="nav-item"><a href="news.html" class="nav-link">集团要闻</a></li>
						<li class="nav-item"><a href="products.html" class="nav-link">集团产品</a></li>
						<li class="nav-item"><a href="program.html" class="nav-link">项目发展</a></li>
						<li class="nav-item"><a href="science.html" class="nav-link">科研成果</a></li>
						<li class="nav-item"><a href="pharmacy.html" class="nav-link">药效学成果</a></li>
					</ul>
				</div>
			</div>
		</nav>

	</div>
	<div id="bloc" class="container-fluid g-0">
		<article id="index">
			<div class="banner-position g-0">
				<div class="index-banner swiper-container">
					<div class="swiper-wrapper" id="homeimg">

					</div>
					<!-- Add Navigation -->
					<div class="swiper-button-prev swiper-button-white"></div>
					<div class="swiper-button-next swiper-button-white"></div>
				</div>
			</div>
			<div class="clear"></div>
			<!--about-->
			<div class="g-0 col-sm-12" style="padding: 0;" id="about">
			</div>
			<div>
				<h3 class="jtwh">集团文化</h3>
				<div class="g-0 col-sm-12" style="padding: 0;" id="qywh">
				</div>
			</div>
			<div style="padding: 30px 0;">
				<h3 class="ryzz">荣誉资质</h3>
			</div>
			<div class="clear"></div>
			<div class="g-0 col-sm-12 rongyu" style="padding: 0;">
				<div class="g-0 col-sm-12 row" style="padding: 0;">
					<div class="g-0 col-sm-1" style="width: 7%;"></div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg1" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg2" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg3" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg4" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;">
						<img id="cimg5" src="">
					</div>
					<div class="g-0 col-sm-1"></div>
				</div>
				<div class="g-0 col-sm-12 row" style="padding: 0;">
					<div class="g-0 col-sm-1" style="width: 7%;"></div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg6" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg7" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg8" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;margin-right: 20px;">
						<img id="cimg9" src="">
					</div>
					<div class="g-0 col-sm-2 rybg" style="padding: 40px;">
						<img id="cimg10" src="">
					</div>
					<div class="g-0 col-sm-1"></div>
				</div>
			</div>
			<div class="clear"></div>
			<!--foot-->
			<div class="g-0 col-sm-12 fbg row" style="padding: 0;">
				<div class="g-0 col-sm-4"></div>
				<div class="g-0 col-sm-2" style="color: #fff;margin-top: 100px;margin-left: 50px;">
					<p>
						<h5>联系我们</h5>
					</p>
					<p id="tel"></p>
					<p id="addr"></p>
					<p>备案号: <a id="outurl0">黑ICP备2024022673号</a>
					</p>
				</div>
				<div class="g-0 col-sm-2" style="color: #fff;margin-top: 100px;margin-left: 50px;">
					<p>
						<h5>友情链接</h5>
					</p>
					<p><a id="outurl1">碳方会</>
					</p>
					<p><a id="outurl2">成程碳方中医诊所</a></p>
					<p><a id="outurl3">黑龙江省中医抗癌协会</a></p>
				</div>
				<div class="g-0 col-sm-1 fix ma"><img id="fimg1" src=""></div>
				<div class="g-0 col-sm-1 fix ma" style="margin-top: 100px;margin-bottom: 100px;"><img id="fimg2" src="">
				</div>
				<div class="g-0 col-sm-1 fix ma" style="margin-top: 100px;margin-bottom: 100px;height: 7.5rem;"><img
						src="imgs/ccfwdz.png">
				</div>
				<div class="g-0 col-sm-2"></div>
			</div>
			<div class="clear"></div>
		</article>
	</div>




	<script type="text/javascript">
		var swiper = new Swiper('.index-banner.swiper-container', {
			speed: 600,
			parallax: true,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			loop: true,
			autoplay: {
				delay: 3000,
				disableOnInteraction: false //false时，用户操作后重新轮播
			},
			observer: true, //修改swiper自己或者子元素时，自动初始化
			observeParents: true //修改swiper的父元素时，自动初始化swiper
		});
	</script>
</body>

</html>